<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="modeName=640-12" name="grid" /> 
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<title>蜘蛛出行</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/Round trip ticket.css">
	<script src="js/flexible.js"></script>
	<script src="js/makegrid.js"></script>
	<script src="js/jquery-2.2.4.min.js"></script>	
</head>
<body>
	<div class="tic_content">
		<section class="top_banner">
			<img class="tb" src="images/topbanner.jpg" alt="">
			<div class="tbname">往返上海迪士尼车票</div>
		</section>
		<section class="productreserve">
			<div class="prheader">
				<div class="prhname">产品预订</div>
				<a href="note.html"><div class="prhprocess" id="prhprocess">预订流程</div></a>
			</div>
			<a class="productone" href="payinfo.html?id=123"> 
				<div class="productoneleft">
					<div class="prhnamea" >单日往返车票</div>
					<div class="plx" id="pd1">
						<span class="prhnameb">产品说明</span>
						<img src="images/smicon.png" alt="">
					</div>
				</div>
				<div class="productoneright">
					<span>¥</span>
					<span>50</span>
					<span>预订</span>
				</div>
			</a>
			<a class="productone"  href="payinfo.html?id=124"> 
				<div class="productoneleft">
					<div class="prhnamea" >两日往返车票</div>
					<div class="plx" id="pd2">
						<span class="prhnameb">产品说明</span>
						<img src="images/smicon.png" alt="">
					</div>
				</div>
				<div class="productoneright">
					<span>¥</span>
					<span>80</span>
					<span>预订</span>
				</div>
			</a>
		</section>
		<section class="productdetails">
			<div class="pdheader">
				<div class="pdhname">产品详情</div>
			</div>
			<a href="payinfo.html?" class="pddone">
				<div>千万用户订房平台!实时空房查询……</div>
				<img src="images/product1.jpg" alt="">
			</a>
			<a href="payinfo.html?"class="pddone">
				<div>千万用户订房平台!实时空房查询……</div>
				<img src="images/product1.jpg" alt="">
			</a>
			<a href="payinfo.html?"class="pddone">
				<div>千万用户订房平台!实时空房查询……</div>
				<img src="images/product1.jpg" alt="">
			</a>
			<div id ="c" style="display:none">
				<a href="payinfo.html?" class="pddone">
					<div>千万用户订房平台!实时空房查询……</div>
					<img src="images/product1.jpg" alt="">
				</a>
				<a href="payinfo.html?" class="pddone">
					<div>千万用户订房平台!实时空房查询……</div>
					<img src="images/product1.jpg" alt="">
				</a>
				<a href="payinfo.html?" class="pddone" style="margin-bottom:10px;">
					<div>千万用户订房平台!实时空房查询……</div>
					<img src="images/product1.jpg" alt="">
				</a>
			</div>
			<div id="pddbutton">
				<span>加载更多</span>
				<img src="images/iconload.png" alt="">
			</div>
		</section>
		<section class="rtkfooter">
			<div class="rtkfheader grid">
				<div class="col-4" >
					<img src="images/transition.png" alt="">
					<div>安全巴士</div>
				</div>
				<div class="col-4">
					<img src="images/hotel.png" alt="">
					<div>舒适酒店</div>
				</div>
				<div class="col-4">
					<img src="images/spot.png" alt="">
					<div>最美景点</div>
				</div>
			</div>
			<div class="footerbanner">
				<div class="line"></div>
				<img src="images/logo.png" alt="">
				<div class="line"></div>
			</div>
		</section>
	</div>
	<div id="detailsone">
		<div class="dscontent">
			<div id="x">×</div>
			<div id="detailcontent">产品1详情</div>
		</div>
	</div>
</body>
<script src="js/rtk.js"></script>
<script>
	var c=document.getElementById('c');
	var pddbutton=document.getElementById('pddbutton');
	pddbutton.onclick=function  () {
		c.style.display="block";
		pddbutton.style.display="none";
	}
</script>
</html>